<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" dir="ltr" lang="en-US"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" dir="ltr" lang="en-US"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" dir="ltr" lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html dir="ltr" lang="en-US"> <!--<![endif]-->
<head>

<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 

<title>Contact List :: Caffeine Admin Template</title>

<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.18.custom.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/slidernav.css" type="text/css"/>
<link rel="stylesheet" href="css/icons.css" type="text/css" />
<link rel="stylesheet" href="css/forms.css" type="text/css" />
<link rel="stylesheet" href="css/tables.css" type="text/css" />
<link rel="stylesheet" href="css/ui.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/responsiveness.css" type="text/css" />

<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<!-- Knob -->
<script type="text/javascript" src="js/jquery.knob.js"></script>
<!-- sliderNav -->
<script type="text/javascript" src="js/jquery.slidernav.js"></script>

<!-- Caffeine custom JS -->
<script type="text/javascript" src="js/custom.js"></script>

<!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> 
<!--[if lte IE 7]> <script src="js/IE8.js" type="text/javascript"></script> <![endif]--> 
<!--[if lt IE 7]> <link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/> <![endif]--> 

</head>

<body id="index" class="home">
    <div id="loading-block"></div>
    
    <div id="container">

        <?php include 'header.php';?>
        <div class="clear"></div>
        <?php include 'navigator.php';?>

        <section id="playground">
            <?php include 'breadcrumb.php';?>
            <?php include 'search-box.php';?>
            
            <div class="clear"></div>
            
            <section class="full-width">
            	<div class="box no-bg">
	            	<h1>Contact List</h1>
                    <p>A fully styled version of <a href="http://devgrow.com/slidernav-jquery-plugin/">SliderNav</a> jQuery script is included together with it's full original documentation.</p>
                </div>
            </section>
            
            <div class="clear"></div>
            
            <section class="one-half">
            	<div class="box">
                	<div class="inner">
                    	<div class="titlebar">Contact List</div>
                        <div class="contents">
                            <div class="slider-contact">
                                <div class="slider-content">
                                    <ul>
                                        <li id="a"><a name="a" class="title">A</a>
                                            <ul>
                                                <li><a href="#">Adam</a></li>
                                                <li><a href="#">Alex</a></li>
                                                <li><a href="#">Ali</a></li>
                                                <li><a href="#">Apple</a></li>
                                                <li><a href="#">Arthur</a></li>
                                                <li><a href="#">Ashley</a></li>
                                            </ul>
                                        </li>
                                        <li id="b"><a name="b" class="title">B</a>
                                            <ul>
                                                <li><a href="#">Barry</a></li>
                                                <li><a href="#">Becky</a></li>
                                                <li><a href="#">Biff</a></li>
                                                <li><a href="#">Billy</a></li>
                                                <li><a href="#">Bozarking</a></li>
                                                <li><a href="#">Bryan</a></li>
                                            </ul>
                                        </li>
                                        <li id="c"><a name="c" class="title">c</a>
                                            <ul>
                                                <li><a href="#">Calista</a></li>
                                                <li><a href="#">Cathy</a></li>
                                                <li><a href="#">Chris</a></li>
                                                <li><a href="#">Cinderella</a></li>
                                                <li><a href="#">Corky</a></li>
                                                <li><a href="#">Cypher</a></li>
                                            </ul>
                                        </li>
                                        <li id="d"><a name="d" class="title">d</a>
                                            <ul>
                                                <li><a href="#">damien</a></li>
                                                <li><a href="#">danny</a></li>
                                                <li><a href="#">denver</a></li>
                                                <li><a href="#">devon</a></li>
                                                <li><a href="#">doug</a></li>
                                                <li><a href="#">dustin</a></li>
                                            </ul>
                                        </li>
                                        <li id="e"><a name="e" class="title">E</a>
                                            <ul>
                                                <li><a href="#">Barry</a></li>
                                                <li><a href="#">Becky</a></li>
                                                <li><a href="#">Biff</a></li>
                                                <li><a href="#">Billy</a></li>
                                                <li><a href="#">Bozarking</a></li>
                                                <li><a href="#">Bryan</a></li>
                                            </ul>
                                        </li>
                                        <li id="f"><a name="f" class="title">f</a>
                                            <ul>
                                                <li><a href="#">Calista</a></li>
                                                <li><a href="#">Cathy</a></li>
                                                <li><a href="#">Chris</a></li>
                                                <li><a href="#">Cinderella</a></li>
                                                <li><a href="#">Corky</a></li>
                                                <li><a href="#">Cypher</a></li>
                                            </ul>
                                        </li>
                                        <li id="g"><a name="g" class="title">g</a>
                                            <ul>
                                                <li><a href="#">damien</a></li>
                                                <li><a href="#">danny</a></li>
                                                <li><a href="#">denver</a></li>
                                                <li><a href="#">devon</a></li>
                                                <li><a href="#">doug</a></li>
                                                <li><a href="#">dustin</a></li>
                                            </ul>
                                        </li>
                                        <li id="h"><a name="h" class="title">h</a>
                                            <ul>
                                                <li><a href="#">Barry</a></li>
                                                <li><a href="#">Becky</a></li>
                                                <li><a href="#">Biff</a></li>
                                                <li><a href="#">Billy</a></li>
                                                <li><a href="#">Bozarking</a></li>
                                                <li><a href="#">Bryan</a></li>
                                            </ul>
                                        </li>
                                        <li id="i"><a name="i" class="title">i</a>
                                            <ul>
                                                <li><a href="#">Calista</a></li>
                                                <li><a href="#">Cathy</a></li>
                                                <li><a href="#">Chris</a></li>
                                                <li><a href="#">Cinderella</a></li>
                                                <li><a href="#">Corky</a></li>
                                                <li><a href="#">Cypher</a></li>
                                            </ul>
                                        </li>
                                        <li id="j"><a name="j" class="title">j</a>
                                            <ul>
                                                <li><a href="#">damien</a></li>
                                                <li><a href="#">danny</a></li>
                                                <li><a href="#">denver</a></li>
                                                <li><a href="#">devon</a></li>
                                                <li><a href="#">doug</a></li>
                                                <li><a href="#">dustin</a></li>
                                            </ul>
                                        </li>
                                        <li id="k"><a name="k" class="title">k</a>
                                            <ul>
                                                <li><a href="#">Barry</a></li>
                                                <li><a href="#">Becky</a></li>
                                                <li><a href="#">Biff</a></li>
                                                <li><a href="#">Billy</a></li>
                                                <li><a href="#">Bozarking</a></li>
                                                <li><a href="#">Bryan</a></li>
                                            </ul>
                                        </li>
                                        <li id="l"><a name="l" class="title">l</a>
                                            <ul>
                                                <li><a href="#">Calista</a></li>
                                                <li><a href="#">Cathy</a></li>
                                                <li><a href="#">Chris</a></li>
                                                <li><a href="#">Cinderella</a></li>
                                                <li><a href="#">Corky</a></li>
                                                <li><a href="#">Cypher</a></li>
                                            </ul>
                                        </li>
                                        <li id="m"><a name="m" class="title">m</a>
                                            <ul>
                                                <li><a href="#">damien</a></li>
                                                <li><a href="#">danny</a></li>
                                                <li><a href="#">denver</a></li>
                                                <li><a href="#">devon</a></li>
                                                <li><a href="#">doug</a></li>
                                                <li><a href="#">dustin</a></li>
                                            </ul>
                                        </li>
                                        <li id="n"><a name="n" class="title">n</a>
                                            <ul>
                                                <li><a href="#">damien</a></li>
                                                <li><a href="#">danny</a></li>
                                                <li><a href="#">denver</a></li>
                                                <li><a href="#">devon</a></li>
                                                <li><a href="#">doug</a></li>
                                                <li><a href="#">dustin</a></li>
                                            </ul>
                                        </li>
                                        <li id="o"><a name="o" class="title">o</a>
                                            <ul>
                                                <li><a href="#">damien</a></li>
                                                <li><a href="#">danny</a></li>
                                                <li><a href="#">denver</a></li>
                                                <li><a href="#">devon</a></li>
                                                <li><a href="#">doug</a></li>
                                                <li><a href="#">dustin</a></li>
                                            </ul>
                                        </li>
                                        <li id="p"><a name="p" class="title">p</a>
                                            <ul>
                                                <li><a href="#">Barry</a></li>
                                                <li><a href="#">Becky</a></li>
                                                <li><a href="#">Biff</a></li>
                                                <li><a href="#">Billy</a></li>
                                                <li><a href="#">Bozarking</a></li>
                                                <li><a href="#">Bryan</a></li>
                                            </ul>
                                        </li>
                                        <li id="q"><a name="q" class="title">q</a>
                                            <ul>
                                                <li><a href="#">Calista</a></li>
                                                <li><a href="#">Cathy</a></li>
                                                <li><a href="#">Chris</a></li>
                                                <li><a href="#">Cinderella</a></li>
                                                <li><a href="#">Corky</a></li>
                                                <li><a href="#">Cypher</a></li>
                                            </ul>
                                        </li>
                                        <li id="r"><a name="r" class="title">r</a>
                                            <ul>
                                                <li><a href="#">damien</a></li>
                                                <li><a href="#">danny</a></li>
                                                <li><a href="#">denver</a></li>
                                                <li><a href="#">devon</a></li>
                                                <li><a href="#">doug</a></li>
                                                <li><a href="#">dustin</a></li>
                                            </ul>
                                        </li>
                                        <li id="s"><a name="s" class="title">s</a>
                                            <ul>
                                                <li><a href="#">Barry</a></li>
                                                <li><a href="#">Becky</a></li>
                                                <li><a href="#">Biff</a></li>
                                                <li><a href="#">Billy</a></li>
                                                <li><a href="#">Bozarking</a></li>
                                                <li><a href="#">Bryan</a></li>
                                            </ul>
                                        </li>
                                        <li id="t"><a name="t" class="title">t</a>
                                            <ul>
                                                <li><a href="#">Calista</a></li>
                                                <li><a href="#">Cathy</a></li>
                                                <li><a href="#">Chris</a></li>
                                                <li><a href="#">Cinderella</a></li>
                                                <li><a href="#">Corky</a></li>
                                                <li><a href="#">Cypher</a></li>
                                            </ul>
                                        </li>
                                        <li id="u"><a name="u" class="title">u</a>
                                            <ul>
                                                <li><a href="#">damien</a></li>
                                                <li><a href="#">danny</a></li>
                                                <li><a href="#">denver</a></li>
                                                <li><a href="#">devon</a></li>
                                                <li><a href="#">doug</a></li>
                                                <li><a href="#">dustin</a></li>
                                            </ul>
                                        </li>
                                        <li id="v"><a name="v" class="title">v</a>
                                            <ul>
                                                <li><a href="#">Barry</a></li>
                                                <li><a href="#">Becky</a></li>
                                                <li><a href="#">Biff</a></li>
                                                <li><a href="#">Billy</a></li>
                                                <li><a href="#">Bozarking</a></li>
                                                <li><a href="#">Bryan</a></li>
                                            </ul>
                                        </li>
                                        <li id="w"><a name="w" class="title">w</a>
                                            <ul>
                                                <li><a href="#">Calista</a></li>
                                                <li><a href="#">Cathy</a></li>
                                                <li><a href="#">Chris</a></li>
                                                <li><a href="#">Cinderella</a></li>
                                                <li><a href="#">Corky</a></li>
                                                <li><a href="#">Cypher</a></li>
                                            </ul>
                                        </li>
                                        <li id="x"><a name="x" class="title">x</a>
                                            <ul>
                                                <li><a href="#">damien</a></li>
                                                <li><a href="#">danny</a></li>
                                                <li><a href="#">denver</a></li>
                                                <li><a href="#">devon</a></li>
                                                <li><a href="#">doug</a></li>
                                                <li><a href="#">dustin</a></li>
                                            </ul>
                                        </li>
                                        <li id="y"><a name="y" class="title">y</a>
                                            <ul>
                                                <li><a href="#">damien</a></li>
                                                <li><a href="#">danny</a></li>
                                                <li><a href="#">denver</a></li>
                                                <li><a href="#">devon</a></li>
                                                <li><a href="#">doug</a></li>
                                                <li><a href="#">dustin</a></li>
                                            </ul>
                                        </li>
                                        <li id="z"><a name="z" class="title">z</a>
                                            <ul>
                                                <li><a href="#">damien</a></li>
                                                <li><a href="#">danny</a></li>
                                                <li><a href="#">denver</a></li>
                                                <li><a href="#">devon</a></li>
                                                <li><a href="#">doug</a></li>
                                                <li><a href="#">dustin</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
            <section class="one-half">
            </section>
            
            <div class="clear"></div>
            <div class="full-width right">
	<div class="box no-bg">
    	<div class="line-separator"></div>
        
		<span class="copyright">by <a href="http://www.creepypixel.com/" class="creepy-logo fright"></a></span>
    </div>
</div>        </section>
        
        
           </div>
    
</body> 
</html>